<template>
	<view class="px-30px pt-30px pb-120px">
		<view class="title flex flex-x-between">
			<text>溯源奖金</text>
		</view>
		<DataCard>
			<template #content>
				<Content v-model="state.content"></Content>
			</template>
		</DataCard>
	</view>

	<BackWorkSpace></BackWorkSpace>
</template>

<script setup name="EmployeeBonus">
	import {
		ref,
		reactive
	} from 'vue';
	import DataCard from '@/components/DataCard.vue'
	import BackWorkSpace from '@/components/BackWorkSpace.vue'
	import Content from './Content.vue'

	const state = reactive({
		content: [{
				id: 0,
				name: '杜宇',
				team: '江南校区',
				money: 411
			},
			{
				id: 1,
				name: '王松',
				team: '川西校区',
				money: 76
			},
			{
				id: 2,
				name: '赵雨欣',
				team: '江南校区',
				money: 1190
			},
		]
	})
</script>

<style lang="scss">
	page {
		background: rgb(244, 243, 248);
	}

	.color-pink {
		color: rgb(211, 122, 152);
	}
</style>